<!--导航-->
<app-navigation></app-navigation>

<!--banner轮播-->
<div class="banner_box">
  <app-slider [bannerList]="sliderList"></app-slider>
</div>

<!--排行榜-->
<div class="ranklist">
  <div class="title">
    <em class="pub_x"></em>
    <img src="../../../assets/images/icon12.png">
    <span>2017品牌排行榜</span>
    <em class="pub_x"></em>
  </div>
  <ul *ngFor="let v of businessRankList;index as i">
    <li>
      <div class="num" [class.num-top3]="i<3">&#32;{{i+1}}&#32;</div>
      <a href='/project/{{v.project.id}}' class='name'>[{{v.keywords}}]</a>
      <a href='/project/{{v.project.id}}' class='txt'>{{v.content}}</a></li>
  </ul>
</div>

<!--大家都在找-->
<div class="hot-search">
  <div class="title">
    <em class="pub_x"></em>
    <img src="../../../assets/images/icon11.png">
    <span>大家都在找</span>
    <em class="pub_x"></em>
  </div>
  <ul *ngFor="let v of hotSearchList">
    <li><a href='/project/{{v.projectId}}'>{{v.name}}</a></li>
  </ul>
</div>

<!--热门品牌-->
<div class="brand">
  <div class="title">
    <em class="pub_x"></em>
    <img src="../../../assets/images/icon13.png">
    <span>热门品牌</span>
    <em class="pub_x"></em>
    <p class="brand-btn" (click)="getMoneyPageProject(flag)"><img src="../../../assets/images/hyh.png"/>换一批</p>
  </div>
  <ul *ngFor="let v of moneyPageList">
    <li class='rights tops'><a href='/project/{{v.projectId}}'>
      <img src='{{v.thumb}}'></a> <a href='/project/{{v.projectId}}'>{{v.name}}</a></li>
  </ul>
</div>

<!--精选推送-->
<div class="push">
  <div class="title">
    <em class="pub_x"></em>
    <img src="../../../assets/images/icon14.png">
    <span>精选推送</span>
    <em class="pub_x"></em>
  </div>
  <ul *ngFor="let v of projectRankList;index as i">
    <li>
      <a href='/project/{{v.project.id}}'>
        <img src='{{v.thumb}}'>
        <strong>{{v.project.name}}</strong>
        <p class='txt'>{{v.project.label}}</p>
        <p class='main'>投资：<span>{{v.project.investId | moneyPipe}}</span> 总部:<span>{{v.project.city}}</span></p>
        <div class='label'>
          <span *ngFor="let m of v.project.majors">{{m}}</span>
        </div>
      </a>
    </li>
  </ul>
</div>
